<!-- <nz-tab>
    <ng-template #nzTabHeading>
        季度保
    </ng-template> -->
<div class="half">
  <nz-tabset [nzTabPosition]="'left'" style="height:300px">
    <nz-tab>
      <ng-template #nzTabHeading>
        减速机润滑油
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.lubricatingOil&&showBean.lubricatingOil.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.lubricatingOil&&showBean.lubricatingOil.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            油量适宜，除蜗杆伸出端外均无渗漏
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
              {{showBean.lubricatingOil?showBean.lubricatingOil.remark:""}}
           </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
              <div *ngIf = "showBean.lubricatingOil"><img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.lubricatingOil.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /></div>
          </div>
        </div>
        <!-- <div nz-form-item nz-row style="margin-bottom:8px;">
          <div nz-form-control nz-col [nzSpan]="8" [nzOffset]="11">
            <button nz-button [nzSize]="'large'" [nzType]="'primary'">提交</button>
          </div>
        </div> -->
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        制动衬
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.brakeLining&&showBean.brakeLining.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.brakeLining&&showBean.brakeLining.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            清洁，磨损量不超过制造单位要求
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.brakeLining?showBean.brakeLining.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf = "showBean.brakeLining"><img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.brakeLining.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /></div>
              
          </div>
        </div>
        <!-- <div nz-form-item nz-row style="margin-bottom:8px;">
          <div nz-form-control nz-col [nzSpan]="8" [nzOffset]="11">
            <button nz-button [nzSize]="'large'" [nzType]="'primary'">提交</button>
          </div>
        </div> -->
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        编码器
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.encoder&&showBean.encoder.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.encoder&&showBean.encoder.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            工作正常
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.encoder?showBean.encoder.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf = "showBean.encoder"><img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.encoder.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /></div>
              
          </div>
        </div>
        <!-- <div nz-form-item nz-row style="margin-bottom:8px;">
          <div nz-form-control nz-col [nzSpan]="8" [nzOffset]="11">
            <button nz-button [nzSize]="'large'" [nzType]="'primary'">提交</button>
          </div>
        </div> -->
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        选层器动静触点
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.layerDynamicContact&&showBean.layerDynamicContact.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.layerDynamicContact&&showBean.layerDynamicContact.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            清洁，无烧蚀
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.layerDynamicContact?showBean.layerDynamicContact.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf = "showBean.layerDynamicContact"><img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.layerDynamicContact.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /></div>
              
          </div>
        </div>
        <!-- <div nz-form-item nz-row style="margin-bottom:8px;">
          <div nz-form-control nz-col [nzSpan]="8" [nzOffset]="11">
            <button nz-button [nzSize]="'large'" [nzType]="'primary'">提交</button>
          </div>
        </div> -->
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        曳引轮槽、悬挂装置
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.tractionWheelGroove&&showBean.tractionWheelGroove.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.tractionWheelGroove&&showBean.tractionWheelGroove.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            清洁，钢丝绳无严重油腻，张力均匀，符合 制造单位要求
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.tractionWheelGroove?showBean.tractionWheelGroove.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf = "showBean.tractionWheelGroove"><img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.tractionWheelGroove.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /></div>
              
          </div>
        </div>
        <!-- <div nz-form-item nz-row style="margin-bottom:8px;">
          <div nz-form-control nz-col [nzSpan]="8" [nzOffset]="11">
            <button nz-button [nzSize]="'large'" [nzType]="'primary'">提交</button>
          </div>
        </div> -->
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        限速器轮槽、限速器钢丝绳
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.limiterWheelWire&&showBean.limiterWheelWire.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.limiterWheelWire&&showBean.limiterWheelWire.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            清洁，无严重油腻
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.limiterWheelWire?showBean.limiterWheelWire.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf = "showBean.limiterWheelWire"><img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.limiterWheelWire.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /></div>
              
          </div>
        </div>
        <!-- <div nz-form-item nz-row style="margin-bottom:8px;">
          <div nz-form-control nz-col [nzSpan]="8" [nzOffset]="11">
            <button nz-button [nzSize]="'large'" [nzType]="'primary'">提交</button>
          </div>
        </div> -->
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        靴衬、滚轮
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.carShoeRoller&&showBean.carShoeRoller.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.carShoeRoller&&showBean.carShoeRoller.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            清洁，磨损量不超过制造单位要求
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.carShoeRoller?showBean.carShoeRoller.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf = "showBean.carShoeRoller"><img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.carShoeRoller.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /></div>
              
          </div>
        </div>
        <!-- <div nz-form-item nz-row style="margin-bottom:8px;">
          <div nz-form-control nz-col [nzSpan]="8" [nzOffset]="11">
            <button nz-button [nzSize]="'large'" [nzType]="'primary'">提交</button>
          </div>
        </div> -->
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        验证轿门关闭的电气安全装置
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.electricalSafetyDevice&&showBean.electricalSafetyDevice.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.electricalSafetyDevice&&showBean.electricalSafetyDevice.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            工作正常
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.electricalSafetyDevice?showBean.electricalSafetyDevice.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf = "showBean.electricalSafetyDevice"><img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.electricalSafetyDevice.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /></div>
              
          </div>
        </div>
        <!-- <div nz-form-item nz-row style="margin-bottom:8px;">
          <div nz-form-control nz-col [nzSpan]="8" [nzOffset]="11">
            <button nz-button [nzSize]="'large'" [nzType]="'primary'">提交</button>
          </div>
        </div> -->
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        层门、轿门系统中传动钢丝绳、链条、传动带
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.transmissionSteel&&showBean.transmissionSteel.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.transmissionSteel&&showBean.transmissionSteel.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            按照制造单位要求进行清洁、调整
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.transmissionSteel?showBean.transmissionSteel.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf = "showBean.transmissionSteel"><img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.transmissionSteel.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /></div>
              
          </div>
        </div>
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        层门门导靴
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.doorGuideShoe&&showBean.doorGuideShoe.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.doorGuideShoe&&showBean.doorGuideShoe.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            磨损量不超过制造单位要求
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.doorGuideShoe?showBean.doorGuideShoe.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf = "showBean.doorGuideShoe"><img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.doorGuideShoe.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /></div>
              
          </div>
        </div>
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        消防开关
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.fireSwitch&&showBean.fireSwitch.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.fireSwitch&&showBean.fireSwitch.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            工作正常，功能有效
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.fireSwitch?showBean.fireSwitch.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf = "showBean.fireSwitch"><img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.fireSwitch.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /></div>
              
          </div>
        </div>
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        耗能缓冲器
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.energyDissipationBuffer&&showBean.energyDissipationBuffer.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.energyDissipationBuffer&&showBean.energyDissipationBuffer.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            电气安全装置功能有效，油量适宜，柱塞无锈蚀
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.energyDissipationBuffer?showBean.energyDissipationBuffer.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf = "showBean.energyDissipationBuffer"><img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.energyDissipationBuffer.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /></div>
              
          </div>
        </div>
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        限速器张紧轮装置和电气安全装置
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.limiterWheelSafety&&showBean.limiterWheelSafety.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.limiterWheelSafety&&showBean.limiterWheelSafety.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            工作正常
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.limiterWheelSafety?showBean.limiterWheelSafety.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf = "showBean.limiterWheelSafety"><img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.limiterWheelSafety.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /></div>
              
          </div>
        </div>
      </div>
    </nz-tab>
  </nz-tabset>
</div>
<ng-template #titlepic>
    <span>图片</span>
</ng-template>
<ng-template #contentpic>
    <enlarge-pic [inValue]="picList" (outPut)="addOutPut($event)"></enlarge-pic>
</ng-template>
<ng-template #footerpic>
    <div>
    </div>
</ng-template>
<!--
                            </nz-tab> -->